<template>
  <div>
    <button @click="handleClick">Increment</button>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';

const $emit = defineEmits({ increment: (count) => count });

const count = ref(0);
const handleClick = () => {
  count.value++;
  // $emit('increment', count);
  $emit('increment', { count, isEven: count.value % 2 === 0 });
};
</script>

<style scoped></style>
